<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
<html>
<body>
	<div id="selectSize_main" xlvobject="xlv.obj.pane" xlvprop="{bkOpacity:false,glow:{enable:true},border:{enable:true}}" style="background:#EEEEEE;"
		xlvmethod="{
			initial:function(){
				this.addEventHandler('mousedown', 'selectSize');
				this.$self('initial');
			},
			selectSize:function(event){
				var item=this.targetElement(event.target,{id:'size_item'}); 
				if(item){
					this.$P.caller.value=item.getAttribute('value');
					this.$P.caller.commit=true;
					this.dispose();
				}
			}
		}"
	>
	<style type="text/css">
			#selectSize_main #size_item {
				font-family: Arial;
				white-space: nowrap;
				cursor:default;
				padding:0px 4px 0px 4px;
			}
			#selectSize_main #size_item:hover{
				color:white;
				background-color:#C4C4FF;
			} 
	</style>
	<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;background:#EEEEEE;">
		<tr><td id="size_item" value="1"><font size="1">Size 1</font></td></tr>
		<tr><td id="size_item" value="2"><font size="2">Size 2</font></td></tr>
		<tr><td id="size_item" value="3"><font size="3">Size 3</font></td></tr>
		<tr><td id="size_item" value="4"><font size="4">Size 4</font></td></tr>
		<tr><td id="size_item" value="5"><font size="5">Size 5</font></td></tr>
		<tr><td id="size_item" value="6"><font size="6">Size 6</font></td></tr>
		<tr><td id="size_item" value="7"><font size="7">Size 7</font></td></tr>
	</table>	
	</div>
</body>
</html>
